<template>
	<swiper class="banner screen-swiper margin-lr" :class="round-dot" :indicator-dots="true" :circular="true"
		:autoplay="true" interval="5000" duration="500">
		<swiper-item @click="$emit('handle',item)" v-for="item in list" :key="item.id">
			<image :src="item.url" mode="aspectFill" v-if="item.type=='image'"></image>
			<video :src="item.url" autoplay loop muted :show-play-btn="false" :controls="false" objectFit="cover"
				v-if="item.type=='video'"></video>
		</swiper-item>
	</swiper>
</template>

<script>
	export default {
		props: {
			list: {
				type: Array,
				default:[]
			}
		}
	}
</script>

<style lang="scss">
	.banner {
		border-radius: 20upx;
		overflow: hidden;
	}
</style>